<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        .shuru {
            border-color: pink;
            border-width: 10px;
            border-style: solid;
            float: right;
            height: 200px;
            width: 200px;
            padding: 10px;
            border-radius: 20px 0 0 0;
        }
        label input {
            margin: 10px;
        }
        button {
            background-color: #fff;
            border-color: #111;
            border-width: 2px;
            border-style: solid;
        }
        .wenzi{
            color: rgb(159, 101, 110);
            float: left;
        }
        .wenzi h3 {
            padding: 10px;
        }
    </style>
</head>
<body>
<hr style="color: aqua; size: 3px;">
<div class="wenzi">
    <h2>Homework01</h2>
    <h3>使用浮动使用户登录界面在一定条件下在屏幕最右侧</h3>
    <h3>使用浮动使文字在一定条件下在屏幕最左侧</h3>
    <h3>圆角边框（左上角）</h3>
</div>
<form action="/register" method="post">
    <div class="shuru">
        <label>用户名<input type="text" required placeholder="请输入用户名"></label>
        <br>
        <label>密码<input type="password" required placeholder="请输入密码"></label>
        <br>
        性别
        <label><input type="radio" name="sex">男</label>
        <label><input type="radio" name="sex">女</label>
        <br>
        <button type="submit">提交</button>
        <button type="reset">重置</button>
    </div>
</form>
<div class="jianbian">
        <span>

        </span>
</div>
</body>
</html>